import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import '@/assets/js/resetRem'
import '@/assets/iconfont/iconfont.css'
import '@/assets/css/reset.css'
import { Button, Tabbar, TabbarItem, Icon, Swipe, SwipeItem,  Grid, GridItem, NavBar, GoodsAction, GoodsActionIcon, GoodsActionButton, Card, Sku, Popup, Stepper, SwipeCell, Checkbox, CheckboxGroup, SubmitBar, Form, Field, ContactCard, ContactList, ContactEdit, Toast, AddressList, AddressEdit, Area, Search, Lazyload, PullRefresh } from 'vant'
import axios from 'axios'
 const img = require('./assets/img/lazy.jpg')
Vue
.use(Button)
.use(Tabbar)
.use(TabbarItem)
.use(Icon)
.use(PullRefresh)
.use(Swipe)
.use(SwipeItem)
.use(Grid)
.use(GridItem)
.use(NavBar)
.use(GoodsAction)
.use(GoodsActionIcon)
.use(GoodsActionButton)
.use(Sku)
.use(Popup)
.use(Card)
.use(Stepper)
.use(SwipeCell)
.use(Checkbox)
.use(CheckboxGroup)
.use(SubmitBar)
.use(Form)
.use(Field)
.use(ContactCard)
.use(ContactList)
.use(ContactEdit)
.use(Toast)
.use(AddressList)
.use(AddressEdit)
.use(Area)
.use(Search)
.use(Lazyload, {
  loading: img,
  preload: 1,
  attempt: 2,
})

Vue.prototype.$http = axios
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
